<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App',
  created() {
    this.bodyScale()
  },
  methods: {
    bodyScale() {
      window.onresize = () => {
        var devicewidth = document.documentElement.clientWidth // 获取当前分辨率下的可视区域宽度
        var scale = devicewidth / 1920 // 除以设计稿的尺寸
        document.body.style.zoom = scale // 放大缩小相应倍数
      }

      window.onresize()
    }
  }
}
</script>

<style lang="scss">
.app-container-box {
  width: 1627px;
  background: #FFFFFF;
  border-radius: 10px;
  position: relative;
  left: 260px;
  top: 13px;
}

.el-icon-s-check {
  font-size: 20px !important;
}

.el-table {
  font-size: 18px;
}

.el-button {
  font-size: 18px;
}

.el-select-dropdown__item {
  font-size: 18px;
  height: 44px;
  line-height: 44px;
}

.el-input,
.el-radio .el-radio__label,
.el-date-editor .el-range__icon,
.el-range-editor--medium .el-range-input,
.el-range-editor--medium .el-range-separator,
.el-pagination span:not([class*=suffix]),
.el-pagination button {
  font-size: 18px;
}

.el-form-item__label {
  font-size: 18px !important;
}

.el-pagination--small .btn-prev,
.el-pagination--small .btn-next,
.el-pagination--small .el-pager li,
.el-pagination--small .el-pager li.btn-quicknext,
.el-pagination--small .el-pager li.btn-quickprev,
.el-pagination--small .el-pager li:last-child {
  font-size: 16px;

}
</style>
